<template>
	<view class="container">
		<carHeader :title="'团购详情'"></carHeader>
		<view class="content1">
			<view class="t1">汽车惠民活动走进群众生活</view>
			<view style="color:rgb(181,181,181);">济源某某某汽车行业</view>
			<view class="t2">2023/3/10  11:09</view>
			<image src="https://img1.baidu.com/it/u=3348700610,1309937290&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1724432400&t=cb81a9d10b38133963759cd3e247c046" mode="widthFix"></image>
			<view style="text-align: justify;">哇噻!薅羊毛的看过来!易车修汽车维修服务中心出优惠团购
了!纯手工洗车只要25元一次，还增20元油券，够意思了吧!哇噻!薅羊毛的看过来!易车修汽车维修服务中心出优惠团购了!纯手工洗车只要25元一次，还增20元油券，够意思了吧!</view>
		</view>
		<view class="content2">
			<view class="t1">价格: ￥99.00</view>
			<view class="t2" style="">原价:￥199.00</view>
			<view class="t3">活动起止日期: 2023-3-10 08:00至2023-3-18 23:59</view>
			<view class="t3">咨询电话: 0379-66666666</view>
			<view class="t3">注意事项:暂无</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.content1{
		background-color: white;
		margin: 20rpx;
		position: relative;
		top:-220rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		.t1{
			text-align: center;
			font-size: 40rpx;
			margin-bottom: 20rpx;
			font-weight: bold;
		}
		.t2{
			position: relative;
			left: 420rpx;
			top:-40rpx;
			color:rgb(181,181,181);
		}
		image{
			width: 650rpx;
			border-radius: 10rpx;
		}
	}
	.content2{
		// height: 300rpx;
		background-color: white;
		position: relative;
		top: -200rpx;
		margin: 20rpx;
		padding: 30rpx;
		border-radius: 20rpx;
		.t1{
			color: rgb(255,112,73);
			font-size: 40rpx;
		}
		.t2{
			text-decoration-line: line-through;
			color: rgb(181,181,181);
			position: relative;
			left: 300rpx;
			font-size: 20rpx;
			top:-34rpx;
		}
		.t3{
			font-size: 26rpx;
		}
	}
</style>
